<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			/*找直接后代,不找孙子和重孙子....*/
			.box>.wrap{
				color:red;
			}
			/*+找同级的,紧挨着他的弟弟*/
			/*.div1+.wrap{
				color:red;
			}*/
			/*~找同级的. .div1之后的 .wrap兄弟*/
			/*.div1~.wrap{
				color:red;*/
			}
			
		</style>
	</head>
	<body>
		<div class="box">
			<div class="wrap">0</div>
			<div class="div1 wrap">1</div>
			<div class="wrap">2</div>
			<div class="wrap">3</div>
			<div>3
				<div class="wrap">我是div中的wrap</div>
			</div>
			<div>4</div>
		</div>
		
	</body>
</html>
